<template>
	<view class="flex-row justify-center pos" v-if="!$store.state.token">
		<view class="need-login">
			<view>登录后可享受更多优质服务</view>
			<view class="btn" @click="$goto('/pages/login/login')">马上登录</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		mounted() {

		}
	}
</script>

<style lang="scss">
	.pos {
		position: fixed;
		bottom: 160rpx;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 9999;
	}
	
	.need-login {
		padding: 0 24rpx;
		width: 700rpx;
		height: 80rpx;
		line-height: 80rpx;
		letter-spacing: 2rpx;
		background: rgba(0, 0, 0, 1);
		border-radius: 4rpx;
		opacity: 0.8026000000000001;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.btn {
		width: 160rpx;
		height: 48rpx;
		background: linear-gradient(270deg, rgba(225, 165, 94, 1) 0%, rgba(255, 215, 166, 1) 100%);
		border-radius: 4rpx;
		line-height: 48rpx;
		text-align: center;
	}
</style>
